<template>
	<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
		<good-list :list="goods" :face='face'></good-list>
	</mescroll-body>
</template>

<script>
	// import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import GoodList from './components/list.vue'
	import MescrollMixin from "@/components/lccg/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import MescrollBody from "@/components/lccg/mescroll-uni/components/mescroll-body/mescroll-body.vue";
	import * as userApi from '@/api/user'
	
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				goods: [] ,// 数据列表
				face:"",
				userInfo:{}
			}
		},
		components:{
			MescrollBody,
			GoodList
		},
		methods: {
			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
			upCallback(page) {
				// 此处可以继续请求其他接口
				// if(page.num == 1){
				// 	// 请求其他接口...
				// }
				let token = uni.getStorageSync("AccessToken")
				// this.face = uni.getStorageSync('userInfo').balance
				userApi.userInfo({
					token,
				}).then(res => {
					this.face = res.data.balance
				})
				// 如果希望先请求其他接口,再触发upCallback,可参考以下写法
				// if(!this.isInitxx){
				// 	apiGetxx().then(res=>{
				// 		this.isInitxx = true
				// 		this.mescroll.resetUpScroll() // 重新触发upCallback
				// 	}).catch(()=>{
				// 		this.mescroll.endErr()
				// 	})
				// 	return // 此处return,先获取xx
				// }
				//联网加载数据
				
				userApi.getBalanceLog({
					token:token,
					page:page.num,
				}).then(res=>{
					this.mescroll.endByPage(res.data.list.data.length, res.data.list.last_page); //必传参数(当前页的数据个数, 总页数)
					// this.mescroll.endSuccess(res.data.list.data.length);
					//设置列表数据
					if(page.num == 1) this.goods = []; //如果是第一页需手动制空列表
					let list = res.data.list.data
					for(let i=0;i<list.length;i++){
						if(list[i].remark.indexOf('|') != -1){
							list[i].Qdetail = list[i].remark.split('|')
						}
					}
					this.goods=this.goods.concat(list); //追加新数据
				}).catch(()=>{
					//联网失败, 结束加载
					this.mescroll.endErr();
				})
			}
		}
	}
</script>

<style >
	page{
		background-color: #FFFFFF;
	}
</style>
